@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    header{
        overflow: hidden;
        .back{
            float:left;
            input{
                width:p(123);
                height:p(56);
                border:p(2) solid #ff9344;
                border-radius: p(22);
                background:white;
                margin-left:p(23);
                margin-top:p(45);
                font-weight: bold;
                font-size:p(26);
            }
        }
        .sel{
            float:right;
            margin-top:p(47);
            margin-right:p(21);
            width:p(62);
            height:p(56);
            img{
                width:100%;
            }
        }
        .fenlei{
            text-align: center;
            margin-top:p(58);
        }
    }
    section{
        margin-top:p(26);
        margin-bottom:79px;
        .bg{
            
            width:p(704);
            height:p(260);
            margin:0 auto;  
            img{
                width:100%;
            }
        }
        .goumai{
            overflow: hidden;
            .goumai_left{
                float:left;
                margin-top:p(10);
                h2{
                    font-size:p(72);
                    color:#ff9344;
                    margin-left:p(35);
                }
            }
            .goumai_right{
                float:right;
                margin-top:p(36);
                margin-right:p(40);
                input{
                    width:p(111);
                    height:p(59);
                    background:#ff9344;
                    border-radius: p(20);
                }
            }
        }
        .haopinglv{
            overflow: hidden;
            .haopinglv_left{
                float:left;
                margin-left:p(46);
                margin-top:p(25);
                img{
                    width:p(37);
                    height:p(35);
                }
                h3{
                    display:inline-block;
                    font-size:p(30);
                }
                span{
                    color:#ff9344;
                    font-size:p(30);
                }
            }
            .haopinglv_right{
                float:right;
                margin-right:p(40);
                margin-top:p(26);
                p{
                    color:#8e8e8e;
                }
            }
        }
        .shiyongshanghu{
            background:#ff9344;
            width:89%;
            height:p(67);
            line-height: p(67);
            margin-left:p(46);  
            margin-top:p(36);
            overflow: hidden;
            .shiyongshanghu_left{
                float:left;
                p{
                    color:white;
                    padding-left:p(11);
                }
            }
            .shiyongshanghu_right{
                float:right;
                padding-right:p(10);
                span{
                    color:white;
                    
                }
            }
        }
        .store{
            overflow: hidden;
            margin-left:p(46);
            margin-top:p(10);
            .store_left{
                float:left;
                width:p(176);
                height:p(176);
                img{
                    width:100%;
                }
            }
            .store_right{
                float:right;
                margin-right:p(41);
                margin-top:p(77);
                input{
                    width:p(111);
                    height:p(59);
                    background:#ff9344;
                    border-radius: p(20);
                    color:white;
                }
            }
            .store_center{
                float:left;
                margin-left:p(24);
                h3{
//                  display:inline-block;
                    font-size:p(30);
                }
                text-align: center;
                .stars{
                    font-size:0;
                    img{
                        width:p(36);
                        height:p(34);
                    }
                    span{
                        color:#929292;
                        font-size:p(26);
                    }
                }
                .distance{
                    span{
                        color:#929292;
                        font-size:p(26);
                        float:left;
                    }
                }
                div{
                    overflow: hidden;
                    margin-top:p(10);
                    p{
                        font-size:p(20);
                        color:#ff9344;
                        float:left;
                    }
                }
            }
        }
    }
    footer{
        overflow: hidden;
        background:white;
        padding-bottom:p(14);
        position:fixed;
        bottom:0;
        width:100%;
        div{
            float:left;
            width:25%;
            a{
                display:block;
                text-align: center;
                img{
                    width:p(72);
                    height:p(72);
                }
            }
            h2{
                font-size:p(26);
                text-align: center;
                margin-top:p(8);
            }
        }
        
        
    }
}
